<template>
	<view class="ord-itm flex">
		<view class="ord-img">
			<image :src="orderData.goods_image" mode="aspectFill"></image>
		</view>
		<view class="ord-cen">
			<view class="ord-goodname wordSpace lH42">{{orderData.goods_name}}</view>
			<view>
				<u-tag :text="orderData.goods_spec" v-if="orderData.goods_spec" size="mini" bg-color="#f7f7f7" color="#A3A3A3"
				 border-color="#f7f7f7" shape="square" />
			</view>
		</view>
		<view class="ord-rig">
			<view class="ord-pri lH42">￥{{orderData.goods_price}}</view>
			<view class="ord-num fs22 c9">x{{orderData.number}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ["orderData"],
		data() {
			return {
				
			}
		}
	}
</script>

<style scoped>
	.ord-itm {
		align-items: flex-start;
	}

	.ord-img {
		width: 160rpx;
		height: 160rpx;
		margin-right: 20rpx;
		border-radius: 8rpx;
		overflow: hidden;
	}

	.ord-img image {
		width: 160rpx;
		height: 160rpx;
	}

	.ord-cen {
		width: 336rpx;
	}

	.ord-goodname {
		font-size: 26rpx;
		color: #333333;
		margin-bottom: 20rpx;
	}

	.ord-rig {
		width: 146rpx;
	}

	.ord-pri {
		color: #333333;
		font-size: 24rpx;
		text-align: right;
	}

	.ord-num {
		margin-top: 68rpx;
		text-align: right;
		padding-right: 10rpx;
	}
</style>
